// import React, { Component } from 'react'
// import { Form, Input, Button, Select, Table, Row, Col } from 'antd';
// const { Option } = Select;
// const layout = {
//   labelCol: {
//     span: 8,
//   },
//   wrapperCol: {
//     span: 16,
//   },
// };
// const columns = [
//   {
//     title: '用户姓名',
//     dataIndex: 'userName',
//     key: 'userName'
//   },
//   {
//     title: '用户状态',
//     dataIndex: 'userStatus',
//     key: 'userStatus',
//     render: (record) => record === 'up' ? '上线' : '下线'
//   }
// ];
// export default class TablForm extends Component {
//   constructor(props) {
//     super(props)
//     this.state = {}
//     this.formRef = React.createRef();//用ref获取数据
//   }
//   // 通过 Form 的 Submit监听 得到字段值
//   onFinish = values => {
//     console.log(values)
//   }
//   btnQuery = () => {
//     const dataList=this.onFinish(this.values)
//     console.log(dataList);
//   }
//   onReset = () => {
//     this.formRef.current.resetFields();
//   }
//   render() {
//     return (
//       <div>
//         <Form {...layout} ref={this.formRef} onFinish={this.onFinish} name="control-hooks">
//           <Row>
//             <Col span={8}>
//               <Form.Item name="userName" label="用户名称">
//                 <Input placeholder='请输入用户名称' />
//               </Form.Item>
//             </Col>
//             <Col span={8}>
//               <Form.Item name="userStatus" label="用户状态">
//                 <Select>
//                   <Option value='up'>上线</Option>
//                   <Option value='done'>下线</Option>
//                 </Select>
//               </Form.Item>
//             </Col>
//             <Col span={8}>
//               <Form.Item>
//                 <Button onClick={this.btnQuery} type="primary" htmlType="submit">
//                   添加
//                 </Button>
//                 <Button htmlType="button" onClick={this.onReset}>
//                   重置
//                 </Button>
//               </Form.Item>
//             </Col>
//           </Row>
//         </Form>
//         <Table dataSource={this.dataList} columns={columns} rowKey={(record) => record?.lendth + 1} />
//       </div>
//     )
//   }
// }
